<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录</title>

    <!-- import CSS -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="src/js/flexible.js"></script>
</head>

<body>
    <div id="app">
        <div class="logo">
            <img src="images/logo.png" alt="">
            <p>天尚科技 创想未来</p>
        </div>
        <div class="content">
            <el-input class="account" v-model="account" placeholder="请输入您的用户名"></el-input>
            <el-input class="pwd" v-model="pwd" placeholder="请输入您的密码"></el-input>
        </div>
        <div class="login">
            <el-button>立即登录</el-button>
            <p><a>忘记密码?</a><a>立即注册</a></p>
        </div>

    </div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            account: "",
            pwd: "",
        },
        methods: {
            print: function() {
                console.log(this.account);
            }
        },
        mounted: function() {}
    });
</script>

</html>